@charset "utf-8";
/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px){

.container{
    max-width:1200px;
    width:100%;
    margin:0 auto;
	*zoom:1;
}
.col-lg-1{
    width:8.33%;
    float:left;
}
.col-lg-2{
    width:16.66%;
    float:left;
}
.col-lg-3{
    width:25%;
    float:left;
}
.col-lg-4{
    width:33.33%;
    float:left;
}
.col-lg-5{
    width:41.66%;
    float:left;
}
.col-lg-6{
    width:50%;
    float:left;
}
.col-lg-7{
    width:58.33%;
    float:left;
}
.col-lg-8{
    width:66.66%;
    float:left;
}
.col-lg-9{
    width:74.99%;
    float:left;
}
.col-lg-10{
    width:83.33%;
    float:left;
}
.col-lg-11{
    width:91.66%;
    float:left;
}
.col-lg-12{
    width:100%;
    float:left;
}



.hidden-lg{
    display: none!important;
}


.col-lg-offset-1{
    margin-left:8.33%;
}
.col-lg-offset-2{
    margin-left:16.66%;
}
.col-lg-offset-3{
    margin-left:25%;
}
.col-lg-offset-4{
    margin-left:33.33%;
}
.col-lg-offset-5{
    margin-left:41.66%;
}
.col-lg-offset-6{
    margin-left:50%;
}
.col-lg-offset-7{
    margin-left:58.33%;
}
.col-lg-offset-8{
    margin-left:66.66%;
}
.col-lg-offset-9{
    margin-left:74.99%;
}
.col-lg-offset-10{
    margin-left:83.33%;
}
.col-lg-offset-11{
    margin-left:91.66%;
}
.col-lg-offset-12{
    margin-left:100%;
}







}



/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.container{
    max-width:1199px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}





.hidden-md{
    display: none!important;
}


.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}




}




/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.container{
    max-width:991px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-sm-1{
    width:8.33%;
    float:left;
}
.col-sm-2{
    width:16.66%;
    float:left;
}
.col-sm-3{
    width:25%;
    float:left;
}
.col-sm-4{
    width:33.33%;
    float:left;
}
.col-sm-5{
    width:41.66%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-7{
    width:58.33%;
    float:left;
}
.col-sm-8{
    width:66.66%;
    float:left;
}
.col-sm-9{
    width:74.99%;
    float:left;
}
.col-sm-10{
    width:83.33%;
    float:left;
}
.col-sm-11{
    width:91.66%;
    float:left;
}
.col-sm-12{
    width:100%;
    float:left;
}



.hidden-sm{
    display: none!important;
}



.col-sm-offset-1{
    margin-left:8.33%;
}
.col-sm-offset-2{
    margin-left:16.66%;
}
.col-sm-offset-3{
    margin-left:25%;
}
.col-sm-offset-4{
    margin-left:33.33%;
}
.col-sm-offset-5{
    margin-left:41.66%;
}
.col-sm-offset-6{
    margin-left:50%;
}
.col-sm-offset-7{
    margin-left:58.33%;
}
.col-sm-offset-8{
    margin-left:66.66%;
}
.col-sm-offset-9{
    margin-left:74.99%;
}
.col-sm-offset-10{
    margin-left:83.33%;
}
.col-sm-offset-11{
    margin-left:91.66%;
}
.col-sm-offset-12{
    margin-left:100%;
}






}





/*在小于767像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px){

.container{
    max-width:767px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-xs-1{
    width:8.33%;
    float:left;
}
.col-xs-2{
    width:16.66%;
    float:left;
}
.col-xs-3{
    width:25%;
    float:left;
}
.col-xs-4{
    width:33.33%;
    float:left;
}
.col-xs-5{
    width:41.66%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-7{
    width:58.33%;
    float:left;
}
.col-xs-8{
    width:66.66%;
    float:left;
}
.col-xs-9{
    width:74.99%;
    float:left;
}
.col-xs-10{
    width:83.33%;
    float:left;
}
.col-xs-11{
    width:91.66%;
    float:left;
}
.col-xs-12{
    width:100%;
    float:left;
}



.hidden-xs{
    display: none!important;
}


.col-xs-offset-1{
    margin-left:8.33%;
}
.col-xs-offset-2{
    margin-left:16.66%;
}
.col-xs-offset-3{
    margin-left:25%;
}
.col-xs-offset-4{
    margin-left:33.33%;
}
.col-xs-offset-5{
    margin-left:41.66%;
}
.col-xs-offset-6{
    margin-left:50%;
}
.col-xs-offset-7{
    margin-left:58.33%;
}
.col-xs-offset-8{
    margin-left:66.66%;
}
.col-xs-offset-9{
    margin-left:74.99%;
}
.col-xs-offset-10{
    margin-left:83.33%;
}
.col-xs-offset-11{
    margin-left:91.66%;
}
.col-xs-offset-12{
    margin-left:100%;
}


}


